<!--模板 html-->
<template>
  <div>
    <!-- 按钮 -->
    <div class="btns">
      <el-button type="primary" size="small" @click="toFormHandler">新增</el-button>
    </div>
    <!-- 表格 -->
   
   
      <el-table :data="comment" style="width: 100%">
        <el-table-column prop="id" label="编号" width="180"> </el-table-column>
        <el-table-column prop="content" label="内容" width="180"> </el-table-column>
        <el-table-column prop="comment_time" label="评论时间" width="180"> </el-table-column>
        <el-table-column prop="floor" label="地板"> </el-table-column>
        <el-table-column prop="staus" label="测试" width="180"> </el-table-column>
        <el-table-column prop="use_id" label="用户ID" width="180"> </el-table-column>
        <el-table-column prop="article_id" label="物品ID" width="180"> </el-table-column>
        <el-table-column prop="parent_id" label="parent_id" width="180"> </el-table-column>
        <!-- 操作列 -->
        <el-table-column width="100" align="center" label="操作">
          <template slot-scope="scope">
            <el-button type="text" @click="editHandler(scope.row)">修改</el-button>
            <el-button type="text" @click="deleteHandler(scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
  </div>
</template>
<!--脚本 js-->
<script>
import { get } from '@/utils/request'
export default {
  // 定义变量，在模板中直接用用
  data(){
    return {
      comment:[],
      visible:false
    }
  },
  // 定义事件处理函数、方法
  methods:{
    // 删除的处理函数
        deleteHandler(row){
          this.$confirm('此操作将永久删除该数据, 是否继续?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
        type: 'warning'
        }).then(() => {
          let url = "http://120.77.41.127:8888/comment/deleteById"
            del(url,{id:row.id}).then(resp =>{
              // 1. 提示
              this.$message({type:"success",message:resp.message});
              // 2. 刷新
              this.loadcategory();
            })
            
          })
      },
       editHandler(row){
          this.$router.push({ 
            path:"/tjf/comment_Form",
            query:row
          })
        },
        // 跳转到温室大棚录入页面
        toFormHandler(){
          // 跳转
          this.$router.push({ path:"/tjf/comment_Form" })
        },
    // 查询所有的温室大棚数据
    loadComment(){
      let url = "http://120.77.41.127:8888/comment/query"
      get(url).then(resp => {
        // 获取数据之后做的事情
        this.comment = resp.data;
      })
    }
  },
  // 生命周期钩子函数
  created(){
    this.loadComment();
  }

}
</script>
<!--样式 css-->
<style lang="sass" scoped>

</style>